<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>我的收藏-嗨柚</title>
    <link rel="stylesheet" type="text/css" href="../../css/share/reset.css" />
    <link rel="stylesheet" type="text/css" href="../../css/share/ui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/me/favorite.css" />
</head>

<body>
    <!-- header-->
    <div class="header">
        <div class="header-content">
            <div class="headerWrapper fix">
                <div class="header-content-logo fl">
                    <a href="../index.html"><img src="../../img/header/logo.png" alt="logo" /></a>
                </div>
                <div class="header-content-nav fr">
                    <ul>
                        <li><a href="../index.html" >首页</a></li>
                        <li><a href="../about-us.html">关于我们</a></li>
                        <li><a id="x-place-1">加载中</a></li>
                        <li><a id="x-place-2">加载中</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- /header -->
    <div class="container-wrapper">
        <div class="container">
            <div class="favorite box">
                <div class="box-header">
                    <h1 class="title">我的收藏</h1>
                </div>
                <div class="box-content">
                    <div class="tab-group clear-fix">
                        <ul>
                            <li><a href="javascript:void(0);" class="tab tab-active">招聘信息</a></li>
                            <li class="hide"><a href="javascript:void(0);" class="tab">活动信息</a></li>
                        </ul>
                    </div>
                    <ul class="card-list" id="job">

                    </ul>
                    <ul class="card-list hide" id="activity">

                    </ul>

                </div>
            </div>
            <!--
pagination
-->
            <div class="pagination-wrapper">
                <ul class="pagination">
                    <li>
                        <a href="javascript:void(0);" class="pre"></a>
                    </li>
                    <li><a href="javascript:void(0);">1</a></li>
                    <li><a href="javascript:void(0);">2</a></li>
                    <li><a href="javascript:void(0);">3</a></li>
                    <li><a href="javascript:void(0);">4</a></li>
                    <li><a href="javascript:void(0);">5</a></li>
                    <li><a href="javascript:void(0);">6</a></li>
                    <li><a href="javascript:void(0);">7</a></li>
                    <li><a href="javascript:void(0);">8</a></li>
                    <li><a href="javascript:void(0);">9</a></li>
                    <li><a href="javascript:void(0);">10</a></li>
                    <li><a href="javascript:void(0);">11</a></li>
                    <li>
                        <a href="javascript:void(0);" class="next"></a>
                    </li>
                    <li>跳转到 ：&nbsp;
                        <input type="text" id="jumpTo" />
                    </li>
                    <li><a href="javascript:void(0);" class="go">GO</a></li>
                </ul>
            </div>
            <!--
        .pagination
        -->
        </div>
    </div>
    <!-- toolbor -->
    <div class="toolbar">
        <a id="scrollTop" href="javascript:void(0);"></a>
    </div>
    <!-- /toolbor -->
    <!-- footer-->
    <div class="footer">
        <div class="footer-content">
            <div class="footerWrapper">
                <div class="footer-content-text ">
                    <ul>
                        <li>
                            <h2>快速导航</h2>
                            <p><a href="javascript:void(0);">我是义工</a></p>
                            <p><a href="javascript:void(0);">我是商家</a></p>
                            <p><a href="javascript:void(0);">友情链接</a></p>
                        </li>
                        <li>
                            <h2>帮助中心</h2>
                            <p><a href="javascript:void(0);">常见问题</a></p>
                            <p><a href="../contract.html" target="_blank">用户协议</a></p>
                        </li>
                        <li>
                            <h2>反馈</h2>
                            <p><a href="javascript:void(0);">意见建议</a></p>
                            <p><a href="javascript:void(0);">举报</a></p>
                        </li>
                    </ul>
                </div>
                <div class="footer-content-conact">
                    <ul>
                        <li class="hide">
                            <img src="../../img/footer/footer1.png" alt="微博图标" />
                            <p>嗨柚旅行微博</p>
                            <a href="http://weibo.com/hiyouther" title="点击关注我们的微博"><img src="../../img/footer/footer2.png" alt="微博图标" /></a>
                        </li>
                        <li>
                            <img class="erweima" src="../../img/footer/8cmerweima.jpg" alt="微信公众号二维码" />
                            <p>嗨柚微信公众号</p>
                            <p>hiyouthtour</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <p>Copyright&copy;2015-2016 hiyouther.com All Rights Reserved</p>
            <p><a href="http://www.miitbeian.gov.cn" title="http://www.miitbeian.gov.cn">渝ICP备16003213号-1</a></p>
        </div>
    </div>
    <!-- /footer -->
    <script src="../../js/lib/require.js"></script>
    <script type="text/javascript" rel="script">
    require.config({
        baseUrl: "../../js",
        paths: {
            jquery: 'lib/jq',
            domReady: 'lib/require.domready'
        }
    });
    require(['domReady', 'page/favorite'], function(domReady, favorite) {
        domReady(function() {
            favorite.init();
        });
    });
    </script>
    <script type="text/html" id="favorite-tpl">
        <%if(data != undefined && data.length !=0){%>
        <%for(var i =0,len=data.length;i < len;i++){
            var tpl=data[i];%>
         <li data-sid="<%=tpl['sid']%>" data-hid="<%= tpl['hid']%>" data-rid="<%= tpl['rid']%>">
                            <div class="portrait-70 fl bdr-227">
                                <a href="javascript:void(0);"><img src="<%=tpl["img"]%>" alt="头像" title="点击进入商家详情" /></a>
                            </div>
                            <div class="card-center">
                                <p class="text-theme"><%=tpl["name"]%></p>
                                <p><span><%=tpl["time"]%></span></p>
                                <p><%= tpl["task"]%></p>
                            </div>
                            <div class="card-right">
                                <p><a href='javascript:void(0);' class='btn btn-primary'>查看详情</a></p>
                                <p><a href='javascript:void(0);'><span class="test">取消收藏</span></a></p>
                            </div>
     </li>
     <% }%>
        <% }else {%>
        <p class="text-theme no_data">:( 啊哦,没有数据!快去收藏客栈吧!</p>
        <% }%>
    </script>
</body>

</html>
